<div class="banner">
    <div class="header">
        <div class="container">
            <nav class="navbar navbar-default">
                <div class="navbar-header navbar-left">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <h1><a class="navbar-brand" href="/"><span>L</span>earning</a></h1>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                    <nav class="menu menu--shylock">
                        <ul class="nav navbar-nav">
                            <li class="active"><a class="hvr-bounce-to-bottom" href="/">首页</a></li>
                            <li><a href="/shuxue" class="hvr-bounce-to-bottom">计算</a></li>
                            <li><a href="portfolio.html" class="hvr-bounce-to-bottom">诗词</a></li>
                            <li><a href="short-codes.html" class="hvr-bounce-to-bottom">口语</a></li>
                            <li><a href="mail.html" class="hvr-bounce-to-bottom">关于我们</a></li>
                        </ul>
                        <div class="clearfix"> </div>
                    </nav>
                </div>
            </nav>	
        </div>
    </div>
    <!-- 首页 引入小美女弹出功能-->

    <script>
        //处理导航的选中以后的样式问题
        $(document).ready(function (){
            var acname = sessionStorage.getItem("active");//本地sessionStore获取当前的值
            if(null != acname && "" != acname){
                //找到当前元素，去掉同层样式，自己添加样式
                $("ul > li > a:contains("+acname+")").parent().siblings().removeClass('active').end().addClass("active");
            }
        });
        //点击以后添加元素到sessionStorage
        $("ul > li > a").click(function (){
            sessionStorage.setItem("active",$(this).text());
        });
    </script>
</div>
<!-- //banner -->